<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 2. location对象
    // 跟url相关的内容就是location对象

    // 2.1 获取url的相关信息
    // console.log(location.href); // 完整路径
    // console.log(location.port);

    /*
      ┌────────────────────────────────────────────────────────────────────────────────────────────────┐
      │                                              href                                              │
      ├──────────┬──┬─────────────────────┬────────────────────────┬───────────────────────────┬───────┤
      │ protocol │  │        auth         │          host          │           path            │ hash  │
      │          │  │                     ├─────────────────┬──────┼──────────┬────────────────┤       │
      │          │  │                     │    hostname     │ port │ pathname │     search     │       │
      │          │  │                     │                 │      │          ├─┬──────────────┤       │
      │          │  │                     │                 │      │          │ │    query     │       │
      "  https:   //    user   :   pass   @ sub.example.com : 8080   /p/a/t/h  ?  query=string   #hash "
      │          │  │          │          │    hostname     │ port │          │                │       │
      │          │  │          │          ├─────────────────┴──────┤          │                │       │
      │ protocol │  │ username │ password │          host          │          │                │       │
      ├──────────┴──┼──────────┴──────────┼────────────────────────┤          │                │       │
      │   origin    │                     │         origin         │ pathname │     search     │ hash  │
      ├─────────────┴─────────────────────┴────────────────────────┴──────────┴────────────────┴───────┤
      │                                              href                                              │
      └────────────────────────────────────────────────────────────────────────────────────────────────┘
      http协议的默认端口号是80
      https协议的默认端口号是443
      url分成：协议，主机名，端口号，路径，查询字符串，hash
    */


    // 2.2 页面跳转
    // setTimeout(() => {
      // location.assign("https://www.baidu.com") // 跳转页面
      // location.replace("https://www.baidu.com") // 跳转页面
      // location.reload()  // 刷新页面
      // location.href = "https://www.baidu.com" // 跳转页面
    // }, 3000)








    // 3. navigator对象
    // 获取浏览器信息的对象
    // console.log(navigator);





    // 4. history对象
    // 用于做浏览器的历史操作
    // setTimeout(() => {
      // history.back() // 后退
      // history.forward() // 前进
      // history.go(-3) // 前进或者后退几步
    // }, 4000)
   
    
    
  </script>
</body>
</html>